<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     class="reftest-wait"
     onload="setTimeAndSnapshot(2, true)">
  <script xlink:href="../smil-util.js" type="text/javascript"/>
  <!--
    A cycle that should be allowed. Here ends and begins coincide.

    So we have:
    a: 0s-1.5s, 1.5s-3s, 3s-4.5s, ...
    b: 1.5s-2.5s, 3s-4s, ...
   -->
  <rect width="100" height="100" fill="red">
    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
      begin="b.begin; 0s" dur="1.5s"/>
    <animate attributeName="fill" attributeType="CSS" id="b"
      values="orange; green; purple"
      begin="a.end" dur="1s"/>
  </rect>
</svg>
